﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <!--导入Google Maps API库文件。注意将本代码中的API Key替换为前文申请到的API Key-->
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA1j86tnUDFv8OAtC8dZVtKRT2yXp_ZAY8_ufC3CFXhHIE1NvwkxSzmwrQ90SNUILzGRpsBiaa860gfQ" type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
    var map;
    
    //添加GControl()控件
    function load()
    {
      if (GBrowserIsCompatible())
      {  
        map = new GMap2(document.getElementById("map"));
        
        //创建GCopyright
        var copyright = new GCopyright(100,
                                 //版权的有效区域为整个地图
                                 new GLatLngBounds(new GLatLng(-90, -180), 
                                                    new GLatLng(90, 180)),
                                 //任何缩放级别都可用
                                 0,
                                 //版权显示的字符串
                                 "©2000 NASA");
        
        //创建GCopyrightCollection
        var copyrightCollection = new GCopyrightCollection("Peter Pesti");
        
        //添加GCopyright到GCopyrightCollection
        copyrightCollection.addCopyright(copyright);
        
        //创建夜景地图
        var nightTile = new GTileLayer(copyrightCollection, 0, 6);
        nightTile.getTileUrl= function(a, z)
        {
    		return "http:\/\/www-static.cc.gatech.edu\/~pesti\/night\/t-n\/"+z+"\/"+a.x+"-"+a.y+".jpeg";
        }
        
        //创建GTileLayer数组
        var tilelayers = [nightTile];
        
        //创建GMapType
        var nightMap = new GMapType(tilelayers,
                                    new GMercatorProjection(12),
                                    "Night",
                                    {errorMessage:"数据不可用"}
                                   );
        //添加地图类型
        map.addMapType(nightMap);
         map.enableScrollWheelZoom() ;         //实现鼠标滚轮缩放
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(24.8988,118.6078),14);
        
      }
    }
    
    
    //]]>
    </script>
  </head>
  <!--加载时调用load()函数加载地图，注意加上onunload="GUnload()"防止内存泄露-->
  <body onload="load()" onunload="GUnload()">
    <!--以下id为map的DIV元素即为Google地图的容器-->
    <div id="map" style="width: 1500px; height: 800px"></div>
  </body>
</html>
